import tailwindcss from 'tailwindcss'
import autoprefixer from 'autoprefixer'
import postcssPresetEnv from 'postcss-preset-env'
import postcssAddRootSelector from 'postcss-add-root-selector'

export default {
  plugins: [
    tailwindcss(),
    postcssPresetEnv({
      stage: 3,
      features: { 'nesting-rules': true }
    }),
    postcssAddRootSelector({ 
      rootSelector: '.root' 
    }),
    autoprefixer()
  ]
}

// module.exports = {
//   plugins: {
//     'postcss-preset-env': {
//       stage: 3,
//       features: {
//         'nesting-rules': true
//       }
//     },
    
//     'autoprefixer': {},
//     'tailwindcss': {},
//     // 'postcss-add-root-selector': {
//     //     rootSelector: '.root'
//     // },
//   }
// }
// module.exports = {
//   plugins: [
//     // 1. 必须先处理嵌套规则
//     require('postcss-preset-env')({
//       stage: 3,
//       features: { 'nesting-rules': true }
//     }),
    
    
//     // 3. 其他插件
//     require('autoprefixer')(),
//     require('tailwindcss')(),
//     // 2. 添加根选择器（必须用 require() 调用）
//     require('postcss-add-root-selector')({ 
//       rootSelector: '.root' 
//     }),
//   ]
// }